<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>星雨漫视-音乐</title>
		<link rel="stylesheet" type="text/css" href="css/zixun.css"/>
		<link rel="stylesheet" type="text/css" href="css/zixunzhenwen.css"/>
	</head>

	<body>
		<div id="chuangkuo2" style="height: 2600px;">
			<div style="position: relative;top: -8px;left: -8px;">
				<iframe src="top.html" width="100%" height="240px" frameborder="0" scrolling="no"></iframe>
			</div>
			<!--资讯导航-->
			<div class="t_shang_d">

				<ul>
					<li>音乐导航>></li>
					<li>
						<a href="#">全部音乐</a>

					</li>
					<li>
						<a href="#">动漫音乐</a>
					</li>
					<li>
						<a href="#">动画音乐</a>
					</li>
					<li>
						<a href="#">游戏音乐 </a>
					</li>

				</ul>
			</div>
			<!--资讯内容-->
			<!--资讯内容左边-->
			<div id="z_n" style=" height: 1600px;">

				<div id="z_n_z">
					<div class="zixun_zhenwen">
						<h3>秦时明月：亦如既往，鼎创天下</h3>
						<div>
							<p> 　温世仁原著小说。<span class="p">秦时明月</span>以时代背景从秦灭六国、建立中国首个帝国开始，
								到咸阳被楚军攻陷结束，时间跨度30年(包括回忆)，
								讲述一个体内流淌英雄之血的少年——<em>天明 </em>，最终成长为<span class="p">盖世英雄</span>，							
								影响历史进程的热血励志故事[1]  。剧情并非采用一部一个剧情的系列剧形式，而是连续剧形式。
								剧情融武侠、历史、奇幻于一体，融入众多中国元素，引领观众亲历两千年前风起云涌、瑰丽多姿的古中国世界，
								在浓郁的中国风中注入鲜明的时代感。        
                                <br>视频画面：
							</p>
							<ul style="list-style: none;">
								<li><img src="img/timg.jpg" style="width: 600px;"/></li>
								<li><img src="img/timg (2).jpg" style="width: 600px;"/></li>
								<li><img src="img/timg (1).jpg" style="width: 600px;"/></li>
								
								<li><img src="img/timg (4).jpg" style="width: 600px;"/></li>
								<li><audio src="music/胡彦斌 - 月光.mp3" controls="controls" autoplay="autoplay"></audio></li>
							</ul>
						</div>
					</div>
					<hr size="3" color="#eeeeee" />
					
					
					
					
					
					
					
					
                      <!--选项-->
                      <div class="x_u">
                      	<ul>
                      		<li><a href="#" style="background-color: #FF0000;">1</a></li>
                      		<li><a href="#">2</a></li>
                      		<li><a href="#">3</a></li>
                      		<li><a href="#">4</a></li>
                      		<li><a href="#">5</a></li>
                      		<li><a href="#">...</a></li>
                      		<li><a href="#">下一页</a></li>
                      		
                      	</ul>
                      </div>
				</div>
				<!--资讯内容右边-->
				<div id="z_n_y">
					<div id="t_shang_y">

						<div id="t_shang_z_d">
							<div class="biaotou2" style="background-color: #000000;height: 40px;">
								<h2 style="text-align: left; position: relative;
            			 top: 0px; left: 0px; background-color: orangered;
            			  width: 100px;padding:5px 5px ; color: #F8F8FF;">热点音乐</h2>
								<hr align="left" size="3" width="450px" color="#FF0000" style="position: relative;top: -20px;" />
							</div>
							<div class=" gengduo">
								<ul>
									<li>
										<a href="#">更多>></a>
									</li>
								</ul>
							</div>

						</div>
						<div id="t_shang_y_dz">
							<ul>
								<li>>>
									<a href="#"> Butter-Fly -— 和田光司 MV</a>
								</li>
								<li>>>
									<a href="#">crossingdays -— 新谷良子</a>
								</li>
								<li>>>
									<a href="#">For You -— AZU MV</a>
								</li>
								<li>>>
									<a href="#">flower [LA mix] -— BACK-ON</a>
								</li>
								<li>>>
									<a href="#">_ Heroine -— 玉置成実</a>
								</li>
								<li>>>
									<a href="#">HEART。SOUL -— 雁行真依</a>
								</li>
								<li>>>
									<a href="#">Life is Like a Boat -— Rie fu</a>
								</li>
								<li>>>
									<a href="#">trust you -— 伊藤由奈</a>
								</li>
								<li>>>
									<a href="#">Life is Like a Boat -— Rie fu</a>
								</li>
								<li>>>
									<a href="#">_ TRUE -— 下川みくに</a>
								</li>

							</ul>
						</div>
						<div id="t_shang_y_dy">
							<ul>
								<li><img src="img1/L}$_OVQ3E83)6HDI0U0XGNR.png" /><span style="margin-left: 10px;"> 43145</span></li>
								<li><img src="img1/L}$_OVQ3E83)6HDI0U0XGNR.png" /><span style="margin-left: 10px;"> 11119</span></li>
								<li><img src="img1/L}$_OVQ3E83)6HDI0U0XGNR.png" /><span style="margin-left: 10px;"> 76498</span></li>
								<li><img src="img1/L}$_OVQ3E83)6HDI0U0XGNR.png" /><span style="margin-left: 10px;">78270</span></li>
								<li><img src="img1/L}$_OVQ3E83)6HDI0U0XGNR.png" /><span style="margin-left: 10px;"> 63118</span></li>
								<li><img src="img1/L}$_OVQ3E83)6HDI0U0XGNR.png" /><span style="margin-left: 10px;"> 64567</span></li>
								<li><img src="img1/L}$_OVQ3E83)6HDI0U0XGNR.png" /><span style="margin-left: 10px;"> 56541</span></li>
								<li><img src="img1/L}$_OVQ3E83)6HDI0U0XGNR.png" /><span style="margin-left: 10px;"> 83295</span></li>
								<li><img src="img1/L}$_OVQ3E83)6HDI0U0XGNR.png" /><span style="margin-left: 10px;"> 23731</span></li>
								<li><img src="img1/L}$_OVQ3E83)6HDI0U0XGNR.png" /><span style="margin-left: 10px;"> 43145</span></li>

							</ul>
						</div>
					</div>


                  <!--右边内容下-->
				<div id="t_shang_y" style="clear: left;">

						<div id="t_shang_z_d">
							<div class="biaotou2" style="background-color: #000000;height: 40px;">
								<h2 style="text-align: left; position: relative;
            			 top: 0px; left: 0px; background-color: orangered;
            			  width: 100px;padding:5px 5px ; color: #F8F8FF;">小编推荐</h2>
								<hr align="left" size="3" width="450px" color="#FF0000" style="position: relative;top: -20px;" />
							</div>
							<div class=" gengduo">
								<ul>
									<li>
										<a href="#">更多>></a>
									</li>
								</ul>
							</div>

						</div>
						<!--内容左边-->
						<div class="mtbz" style="">
							<ul>
								<li>
									<a href="#"><img src="img1/201712281102195670.jpg"/><br>《花牌情缘》</a>
								</li>
								<li>
									<a href="#"><img src="img2/201712271153075444.jpg"/><br>《如果有妹妹就好了》</a>
								</li>
								<li>
									<a href="#"><img src="img1/201712261137473610.jpg"/><br>《宝石之国》</a>
								</li>
								
								
								

							</ul>
						</div>
							<!--内容右边-->
					<div class="mtbz" style=" margin-left: 30px;position: relative;top: -40px;">
							<ul>
								<li>
									<a href="#"><img src="img1/201712191138324290.jpg"/><br>《悠久持有者》</a>
								</li>
								<li>
									<a href="#"><img src="img1/201711221715285562.jpg"/><br>《海神》</a>
								</li>
								<li>
									<a href="#"><img src="img1/201711221645013284.jpg"/><br>《 藏匿无限神秘》</a>
								</li>
								
								
								

							</ul>
						</div>		
					</div>
				
				
				
				</div>

				

			</div>

         <div id="dingwei">
         	  <img src="img/1015892_1348884133_02wgwdWQJ1w2.big.jpg"/>
         </div>

           <div style=" position: relative;top: 410px;clear: left;">
				<iframe src="fooder.html" width="1510px" height="270px" frameborder="0" scrolling="no"></iframe>
			</div>   
		</div>
	</body>

</html>